<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
</head>

<body>
<input type="button" value="设置单选下拉框选中"/> 
<input type="button" value="设置多选下拉框选中"/> 
<input type="button" value="设置单选框和多选框选中"/> 
<br/><br/> 
<select id="single"> 
	<option value="1">选择1号</option> 
	<option value="2">选择2号</option> 
	<option value="3">选择3号</option> 
	<option value="4">选择4号</option> 
	<option value="5">选择5号</option> 
</select> 
<select id="multiple" multiple="multiple" style="height:120px;"> 
	<option value="1" selected="selected">选择1号</option> 
	<option value="2">选择2号</option> 
	<option value="3">选择3号</option> 
	<option value="4">选择4号</option> 
	<option value="5" selected="selected">选择5号</option> 
</select> 
<br/><br/> 

<input type="checkbox" value="check1"/> 多选1 
<input type="checkbox" value="check2"/> 多选2 
<input type="checkbox" value="check3"/> 多选3 
<input type="checkbox" value="check4"/> 多选4 
<br/> 
<input type="radio" value="radio1"/> 单选1 
<input type="radio" value="radio2"/> 单选2 
<input type="radio" value="radio3"/> 单选3 
</body>
<script type="text/javascript">

$(function(){ 
//设置单选下拉框选中 
$("input:eq(0)").click(function(){ 
	//$("#single").val("选择5号"); 
	// $("#single").val("5"); // 和$("#single").val("选择5号");这 种方式都可以达到效果 
	// var options=$('#single option:selected') 
	// alert(options.val()); 
	$("#single option:eq(4)").attr("selected", true);
}); 
//设置多选下拉框选中 
$("input:eq(1)").click(function(){ 
	// $("#multiple").val(["选择2号", "选择3号"]); 
	// $("#multiple").val(["3", "4"]); //以数组的形式赋值 
	$("#multiple option:gt(1):lt(4)").attr("selected", true);
}); 
//设置单选框和多选框选中 
$("input:eq(2)").click(function(){ 
	// $(":checkbox").val(["check2","check3"]); //以数组的形式赋值 
	// $(":radio").val(["radio2"]); 
	$(":checkbox[value='check2'],:checkbox[value='check3']").attr("checked",true);
	$(":radio[value='radio2']").attr("checked",true);
	}); 
}); 

</script>
</html>